<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>this</title>
</head>
<body>
	<!-- 示例代码 -->
	<script type="text/javascript">

		var div = document.getElementById('demo');

		// 查看 div 的属性，比如
		div.style

		// 这些属性和方法在哪定义的呢？
		div.constructor

		// 看下 HTMLDivElement 是什么
		HTMLDivElement.prototype

		// 看下 HTMLDivElement 从哪继承
		HTMLDivElement.__proto__

		// 沿着原型链往上找
		HTMLDivElement.__proto__.__proto__
		HTMLDivElement.__proto__.__proto__.__proto__

		// 所有 html 标签元素都是 Node 和 Element 的实例
		div instanceof Element
		div instanceof Node

		// 选择文本节点, 发现是 Node 的实例，但不是 Element 的实例
		$0 instanceof Node     // true
		$0 instanceof Element  // false

		// 文本节点不是 Element 实例，而是 Text 的实例，
		$0.constructor
		Text.__proto__

		// Node 除了 Element 之外，还包括 CharacterData,  Document 等
		CharacterData.__proto__
		Document.__proto__

	</script>
</body>
</html>